<template>
    <!-- 首页-最新施工进展 -->
    <div class="ConstructionProgress">
        <div class="title" style="height: 18px;">
            <span> </span>
            <!-- <i class="el-icon-arrow-right"></i> -->
        </div>
        <div class="content">
            <!-- <img src="@/assets/images/home/bim_bg.png" /> -->
            <img src="https://zhgd01.ct10.cc/ms/pro/project/img/2025102614390447689.png" />
            <!-- <div class="tips" @click="showToast">
                <img src="@/assets/images/home/progress_icon.png" />
                <span>现场图</span>
            </div> -->
        </div>
    </div>
</template>

<script>
export default {
    name: "ConstructionProgress",
    data() {
        return {};
    },
    created() {},
    methods: {
        showToast(){
            // this.$message.warning("BIM进度可视化管理正在升级中，敬请期待")
        }
    },
};
</script>

<style lang="less" scoped>
.ConstructionProgress {
    flex: 1;
    .title {
        cursor: pointer;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        span {
            font-size: 16px;
            color: #333333;
            font-weight: 700;
            line-height: 1;
        }
        i {
            font-size: 18px;
            color: #7a7b7c;
        }
    }
    .content{
        width: 100%;
        height: 436px;
        position: relative;
        img{
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }
        .tips{
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 330px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            background-color: rgba(11, 21, 50, 0.8);
            cursor: pointer;
            img{
                width: 20px;
                height: 20px;
            }
            span{
                margin-left: 10px;
                font-size: 16px;
                color: #ffffff;
            }
        }
    }
}
</style>
